<template>
  <div class="case-box">
      <img :src="src">
      <div>{{ content }}</div>
  </div>
</template>
<script>
  export default{
    props: ['src', 'content']
  }
</script>
<style scoped>
  .case-box{
    width:380px;
    display: inline-block;
    margin-bottom: 15px;
  }
  .case-box img{
    width: 380px;
  }
  .case-box div{
    /*text-indent: 1em;*/
    text-align: center;
  }
  @media screen and (max-width: 1024px) {
    /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    .case-box div{
      text-align: center;
    }
  }
</style>
